<div id="profile_social_widget">
        <ul class="profile_social_icon" id="social_icon_sortable">
            <?php foreach ($socials as $key => $value) : ?>
                <li data-toggle="modal" data-target="#contact_social_<?php echo $key ?>">
                        <div style="background: <?php echo $config->getSocialIconColor($key) ?>">
                            <img src="<?php echo $config->getImage('social', $key) ?>"/>
                        </div>

                </li>
                <div class="modal fade" id="contact_social_<?php echo $key ?>" tabindex="-1" role="dialog" aria-labelledby="changeAvatar"
                     aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                <h4 class="modal-title" id="myModalLabel"><span class="glyphicon glyphicon-pencil"></span>&nbsp;<?php echo $this->translate($key) ?></h4>
                            </div>
                            <div class="modal-body">
                                scsdcsdcsdcsdcsdcds
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                                <button type="button" class="btn btn-primary">Contact</button>
                            </div>
                        </div>
                    </div>
                </div>

            <?php endforeach ?>
        </ul>
</div>

    

        <div id="profile_slogan">
		<div class="panel">
            <p><?php echo $user->slogan ?></p>
        </div>

    </div>
<div style="clear: both"></div>